<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>游记</title>

    <meta charset="UTF-8">
    <link th:href="@{/asserts/css/note/noteMine.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/asserts/css/common/scrollbar.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/asserts/css/tools/spop.css}" rel="stylesheet" type="text/css" />

    <script th:inline="javascript">

    </script>

    <script th:src="@{/asserts/js/common/jquery.js}"></script>
    <script th:src="@{/asserts/js/tools/spop.js}"></script>
    <script th:src="@{/asserts/js/note/mine.js}"></script>
</head>
<body>

<div id="header" th:replace="~{homepage :: navbar}"></div>

<div class="wrapper">
    <ul class="btns clearfix" data-cs-t="note_create_entrance">
        <li class="btn1">
            <a class="btn _jump" th:href="@{/note/writeNote}">
                <div class="icon"><i></i></div>新游记
            </a>
        </li>
        <li class="btn2">
            <a class="btn _jump">
                <div class="icon"><i></i></div>草稿箱</a>


            <div class="drafts _j_save_pop " style="display: none">
                <div class="draft-panel">
                    <div class="inner">
                        <h3 class="hd">我的草稿 <b class="_j_roughcount">0</b>
                            <span id="todo-draft">你还有<b class="_j_roughcount">0</b>篇草稿没有完成，快来完成吧~</span>
                        </h3>
                        <div class="draft-list">
                            <div style="position: relative; height: 390px;">
                                <div class="bd" style="position: relative; overflow-y: hidden;">
                                    <ul id="darft-container" class="clearfix" style="overflow-y:auto; max-height:390px">

                                    </ul>
                                </div>
                                <div class="scrollbar"
                                     style="position: absolute; right: -10px; top: 0px; width: 5px; height: 100px; background-color: rgb(214, 214, 214); border-radius: 10px; cursor: pointer; opacity: 0; display: none;">
                                </div>
                            </div>
                        </div>
                        <div class="ft"><a class="close _j_pop_close" href="javascript:void(0);"><i></i>关闭草稿箱</a>
                        </div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
</div>

<div id="_j_layer_0" class="layer _j_layer"
     style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10001; display:none;">
    <div class="layer_mask _j_mask"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.7; z-index: -1;">
    </div>
    <div class="layer_content _j_content"
         style="position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; overflow: hidden;">
        <div id="popup_container" class="popup-box new-popbox pop_no_margin"
             style="position: absolute; opacity: 1; background: rgb(255, 255, 255); z-index: 1; width: 420px; left: 37%; top: 45%;">


            <div class="pop-ctn">
                <p class="hd _j_content">确认删除该草稿吗？</p>

            </div>
            <div class="pop-btns"><a role="button" tabindex="0"
                                     class="popbtn popbtn-cancel popbtn-half _j_close _j_false">取消</a><a role="button" tabindex="0"
                                                                                                         class="popbtn popbtn-submit popbtn-half _j_close _j_true">确定</a></div>
        </div>
    </div>
</div>

</body>

</html>